@import url("login.css");
@import url("alert.css");

body {
	background-image: url('../images/banner.jpg');
	background-color: #cccccc;
	height: 100%;
}

html {
	height: 100%;
}

#banner {
	box-shadow: 0px 6px 12px #888888;
	width: 100%;
	height: 4em;
	background-color: black;
}

#cNavigationMenu {
	width: 15em;
	height: -webkit-calc(100% - 6em);
	background-color: white;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	position: absolute;
	opacity: 0.97;
	padding: 1em;
}

#inpFilter {
	margin: 0.7em;
	width: -webkit-calc(100% - 2em);
	margin-bottom: 2em;
}

#mCJ_menu {
	height: -webkit-calc(100% - 6em);
	width: 100%;
	border-top: solid 1px #DDDDDD;
}

.mCJ_menu_item {
	width: 100%;
	height: 2em;
	border-bottom: solid 1px #DDDDDD;
	align-items: center;
	display: flex;
	padding: 1em;
	cursor: pointer;
}

.mCJ_menu_item.active {
	background-color: #428bca;
	color: #fff;
}

.mCJ_menu_item:hover:not(.active) {
background-color:#d9edf7;
color: #000;
}

.mCJprocessTemplate {
	position: absolute;
	width: -webkit-calc(100% - 17em);
	height: -webkit-calc(100% - 6em);
	left: 15em;
	margin: 1em;
	border-radius: 10px;
	opacity: 0.97;
}

.moduleHeader {
	padding-left: 1em;
}

hr {
	margin-top: 1em;
	margin-bottom: 1em;
	border: 0;
	border-top: 1px solid #eee;
}

.the-legend {
    border-style: none;
    border-width: 0;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
}
.the-fieldset {
    border: 2px groove threedface #444;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}